<template>
    <div class="home">
        <Header head-title="健康卡小助手" go-back="true"></Header>
        <section class="group">
            <div class="JKall" @click="AssDetail()">
                <h2 class="fontsM">七律 - 抗击“武汉肺炎”赞6首</h2>
                <section class="Assistant">
                    <img src="../../assets/img/Probanner.jpg" alt="">
                </section>
            </div>
            <div class="JKall" @click="AssDetail()">
                <section class="JKimg">
                  <img src="../../assets/img/image1.jpg" alt="">
                </section>
                <section class="JKcon">
                  <h3 class="fonts">什么是居民健康卡？</h3>
                  <p class="fontsMin fontC">居民健康卡是基于区域卫生信息平台的信息平台信息</p>
                </section>
            </div>
            <div class="JKall" @click="AssDetail()">
              <section class="JKimg">
                <img src="../../assets/img/image1.jpg" alt="">
              </section>
              <section class="JKcon">
                <h3 class="fonts">什么是居民健康卡？</h3>
                <p class="fontsMin fontC">居民健康卡是基于区域卫生信息平台的信息平台信息</p>
              </section>
            </div>
        </section>
    </div>
</template>

<script>
import Header from '../../components/Header'
export default {
  data () {
    return {
      more: true
    }
  },
  components: {
    Header
  },
  mounted () {

  },
  methods: {
    //  健康卡小助手  详情页
    AssDetail () {
      this.$router.push({
        path: '/AssDetail'
      })
    }
  }
}
</script>

<style scoped>
.home {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 0.8rem;
    overflow-y: auto;
}
</style>
